﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--Style Section-->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<style type='text/css'>
    body
    {
        background-color: #CCC;
    }
    .sidebar
    {
        padding: 10px;
    }
    .main
    {
        padding: 20px;
    }
    
    #content
    {
        background-color: #FFF;
        border-radius: 5px;
    }
</style>
<!--Style Section-->
    <title>My Test Template</title>
</head>

<body>
    <div class="container" id="Maindiv" style="margin: auto">
        <h1>
            My first Test Template</h1>
        <div class='navbar navbar-inverse'>
            <div class='navbar-inner nav-collapse' style="height: auto;">
                <ul class="nav">
                    <li class="active"><a href="BaseDesign.htm" >Home</a></li>
                       <li><a href="FormDesign.htm">Form Example</a></li>
                    <li><a href="#">Page Two</a></li>
                </ul>
            </div>
        </div>
        <div id='content' class='row-fluid'>
            <div class='span3 sidebar'>
                <h2>
                    Sidebar</h2>
                <ul class="nav nav-tabs nav-stacked">
                    <li><a href='#'>Another Link 1</a></li>
                    <li><a href='#'>Another Link 2</a></li>
                    <li><a href='#'>Another Link 3</a></li>
                </ul>
            </div>
            <div class='span9 main'>
                <h2>
                    Main Content Section</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                    euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
                    minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
                    ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
                    velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
                    eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
                    augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend
                    option congue nihil imperdiet doming id quod mazim placerat facer possim assum.<p>
            </div>
        </div>
    </div>
    <!--Script Section-->
    <script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!--Script Section-->
</body>
</html>
